<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Camera Management System</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
</head>

<body>
<div class="container">
    <h1>共享照相机管理系统</h1>
    <hr>
    <h2>添加相机</h2>

    <form action="#" th:action="@{/saveCamera}" th:object="${camera}" method="POST">
        <input type="text" th:field="*{cameraName}" placeholder="相机的名称" class="form-control mb-4 col-4">

        <input type="text" th:field="*{brand}" placeholder="相机品牌" class="form-control mb-4 col-4">

        <input type="text" th:field="*{cameraType}" placeholder="相机类型" class="form-control mb-4 col-4">

        <input type="text" th:field="*{state}" placeholder="相机状态" class="form-control mb-4 col-4">

        <input type="text" th:field="*{rent}" placeholder="租金" class="form-control mb-4 col-4">

        <button type="submit" class="btn btn-info col-2"> 保存相机 </button>
    </form>

    <hr>

    <a th:href="@{/}"> 返回相机列表</a>
</div>
</body>

</html>